<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/login.css">
    <script src="js/lib/jquery-1.11.1.min.js"></script>
    <script src="js/lib/jquery.validate.js"></script>
    <script src="js/login.js"></script>
</head>
<body>

<div class="header">
    <div class="logo">
        <a href="">
            <img src="img3/zhongjiuloginlog.png" alt="">
        </a>
        <b></b>
    </div>
</div>
<div class="main">
    <div class="mc">
        <div class="banner">
            <img src="img3/pcloginpic.png" alt="">
        </div>
        <div class="tab_content">
            <ul class="tab_tit">
                <li class="active">
                    <a href="javascript:void(0)" class="sao">扫码登录</a>
                </li>
                <li><a href="javascript:void(0)">账号登录</a></li>
            </ul>
            <div class="tab_cont">
                <div class="content show">
                    <div class="rwcode">
                        <p><img src="img3/GetQR.gif" alt=""></p>
                        <span>
                            打开
                            <a href="#">中酒网App</a>
                        </span>
                        <span class="fr">扫描二维码</span>
                    </div>
                    <span><img src="img3/sao_2.png" alt=""></span>
                </div>
                <div class="content">
                    <!--登录部分-->
                    <form>
                        <div class="tips">
                            <i></i>
                            <em>公共场所不建议自动登录，以防账号丢失</em>
                        </div>
                        <p>
                            <label class="Input_box">
                                <i class="i-name ico"></i>
                                <input type="text" name="utel" placeholder="用户名">
                            </label>
                        </p>
                        <p>
                            <label class="Input_box">
                                <i class="i-pwd ico"></i>
                                <input type="password" name="upwd" placeholder="密码">
                            </label>
                        </p>
                        <div class="ax">
                            <div class="u4">
                                <img src="img3/u4.png" alt="">
                                <a href="">短信验证码登录</a>
                            </div>
                            <div class="automatic">
                                <input type="checkbox" class="check">
                                <label>
                                    自动登录
                                    <em>忘记密码</em>
                                </label>
                            </div>
                        </div>
                        <button>登录</button>
                    </form>
                </div>
            </div>
        </div>
    </div>
    <div class="coagent">
        <ul>
            <li>
                <a href=""><b class="QQ-icon"></b><span>QQ</span></a>
                <span class="link1">|</span>
            </li>
            <li>
                <a href=""><b class="weibo-icon"></b><span>微博</span></a>
                <span class="link1">|</span>
            </li>
            <li>
                <a href="">
                    <b class="weixin-icon">
                    </b><span>微信</span></a>
                <span class="link1">|</span>
            </li>
            <li>
                <a href="register.html" style="color:#b61d1d;">立即注册</a></li>
        </ul>
    </div>
</div>
</body>
</html>
<script>
    //tab栏
    $(".tab_tit li").click(function () {
        $(this).addClass("active").siblings("li").removeClass("active");
        let tmpindex=$(this).index();
        $(".content").eq(tmpindex).addClass("show").siblings("div").removeClass("show");
    })
</script>